/*header部分*/
header{
    background:rgb(223,197,4); /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(top, rgb(243,208,9), rgb(223,197,4));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgb(243,208,9)), to(rgb(223,197,4)));
    background:-o-linear-gradient(top, rgb(243,208,9), rgb(223,197,4));
    height:1.82rem;
    position: relative;
}
header>p{
    line-height:0.21rem;
    padding-top: 0.34rem;
}
.gobackbtn{
    position: absolute;
    left:0.24rem;
    top:0.36rem;
    width:0.1rem;
    height:0.26rem;
}
.morecss:before{
    content: '';
    position: absolute;
    left:0rem;
    top:0.08rem;

    display: block;
    width:0.12rem;
    height:1px;
    border:none;
    background-color: rgb(97,97,97);
    -webkit-transform: rotate(-46deg);
    -moz-transform: rotate(-46deg);
    -ms-transform: rotate(-46deg);
    -o-transform: rotate(-46deg);
    transform: rotate(-46deg);
}
.morecss:after{
    content: '';
    position: absolute;
    left:0rem;
    top:0.16rem;

    display: block;
    width:0.12rem;
    height:1px;
    border:none;
    background-color: rgb(97,97,97);
    -webkit-transform: rotate(46deg);
    -moz-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    -o-transform: rotate(46deg);
    transform: rotate(46deg);
}

#pertops{
    /*padding-top: 0.64rem;*/
    padding-top: 0.26rem;
}
#pertops>.imgbox{
    width:0.6rem;
    height:0.6rem;
    border-radius: 50%;
    overflow: hidden;
    margin:0 auto 0.06rem;
}
#pertops>.imgbox>img{
    width:100%;
    height:auto;
}
#pertops>.p{
    line-height:0.2rem;
}
/*头部内容结束*/

/*中间内容开始*/
#content{
    /*padding-bottom: 0.6rem;*/
    background-color: rgb(234,234,234);
}

.myorders{
    margin-left: 0.2rem;
    border-bottom: 1px solid rgba(151,151,151,0.2);
    padding-top: 0.15rem;
    padding-bottom: 0.12rem;
}
.myorders>p{
    line-height:0.25rem;
    height:0.25rem;
    position: relative;
}
/*.myorders>p.morecss:before{*/
#content .morecss:before{
    content: '';
    position: absolute;
    right:0.2rem;
    top:0.075rem;
    left:auto;

    display: block;
    width:0.12rem;
    height:1px;
    border:none;
    background-color: rgb(97,97,97);
    -webkit-transform: rotate(46deg);
    -moz-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    -o-transform: rotate(46deg);
    transform: rotate(46deg);
}
/*.myorders>p.morecss:after{*/
#content .font18.morecss:after{
    content: '';
    position: absolute;
    right:0.2rem;
    bottom:0.075rem;
    top:auto;
    left:auto;

    display: block;
    width:0.12rem;
    height:1px;
    border:none;
    background-color: rgb(97,97,97);
    -webkit-transform: rotate(-46deg);
    -moz-transform: rotate(-46deg);
    -ms-transform: rotate(-46deg);
    -o-transform: rotate(-46deg);
    transform: rotate(-46deg);
}
/*第一部分内容*/
.content1{
    margin-bottom: 0.08rem;
}

.myorderstatus{
    padding:0.12rem 0 0.16rem;
    display: flex;
    justify-content:space-around;
}
.myorderstatus>a{
    display: block;
}
.myorderstatus>a>img{
    height:0.27rem;
    width:auto;
    margin:0 auto 0.03rem;
}

.content2,.content3,.content4{
    padding-left: 0.2rem;
}
.content2{
    margin-bottom: 0.08rem;
}

.content2li{
    border-bottom: 1px solid rgba(151,151,151,0.2);
    height:0.44rem;
    position: relative;
}
.content2lilast{
    border-bottom: none;
}
.content2li>.imgbox{
    width:0.2rem;
    height:0.2rem;
    margin:0.12rem 0.05rem 0.12rem 0;
    overflow: hidden;
}
.content2li>.imgbox>img{
    height:100%;
    width:auto;
}
.content2li>p{
    height:0.44rem;
    line-height:0.44rem;
}


#content .content2li.morecss:before{
    content: '';
    position: absolute;
    right:0.2rem;
    top:0.16rem;
    left:auto;

    display: block;
    width:0.12rem;
    height:1px;
    border:none;
    background-color: rgb(97,97,97);
    -webkit-transform: rotate(46deg);
    -moz-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    -o-transform: rotate(46deg);
    transform: rotate(46deg);
}
#content .morecss:after{
    content: '';
    position: absolute;
    right:0.2rem;
    /*bottom:0.075rem;*/
    top:0.24rem;
    left:auto;

    display: block;
    width:0.12rem;
    height:1px;
    border:none;
    background-color: rgb(97,97,97);
    -webkit-transform: rotate(-46deg);
    -moz-transform: rotate(-46deg);
    -ms-transform: rotate(-46deg);
    -o-transform: rotate(-46deg);
    transform: rotate(-46deg);
}

.content3>.imgbox{
    width:0.29rem;
    height:0.29rem;
    margin:0.09rem 0.02rem 0.07rem 0;
    overflow: hidden;
}
.content3>.imgbox>img{
    height:100%;
    width:auto;
}
.content3{
    height:0.45rem;
    position: relative;
    margin-top: 0.08rem;
}
.content3>p{
    height:0.45rem;
    line-height:0.45rem;
}
#content .content3.morecss:before,#content .content4.morecss:before{
    content: '';
    position: absolute;
    right:0.2rem;
    top:0.16rem;
    left:auto;

    display: block;
    width:0.12rem;
    height:1px;
    border:none;
    background-color: rgb(97,97,97);
    -webkit-transform: rotate(46deg);
    -moz-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    -o-transform: rotate(46deg);
    transform: rotate(46deg);
}
.content4>.imgbox{
    width:0.29rem;
    height:0.29rem;
    margin:0.09rem 0.02rem 0.07rem 0;
    overflow: hidden;
}
.content4>.imgbox>img{
    height:100%;
    width:auto;
}
.content4{
    height:0.45rem;
    position: relative;
    margin-top: 0.08rem;
}
.content4>p{
    height:0.45rem;
    line-height:0.45rem;
}

body,html{
    background-color:rgb(234,234,234);
}
.content2 .floatright{
    margin-right: 0.2rem;
}